<div class="text-left">
    <div>
        <!-- 左右排列商品 -->
        <div ng-if="item.typography==0">
            <div class="flex-half bg-light" ng-if="item.goods.length>0">
                <div class="flex-half-box bg-white" ng-repeat="subitem in item.goods">
                    <div class="fp-xs">
                        <img src="img/default.png" ng-src="{{app.image.goods}}{{subitem.fileName}}" err-src="img/error.png" class="tool-box-big m-b-sm"/>
                        <span class="h6 block font-bold  w-full text-ellipsis m-b-xs">{{subitem.name}}</span>
                        <span class="h6 block text-muted  w-full text-ellipsis m-b-xs">{{subitem.hint}}</span>
                        <p class="h5 font-bold text-danger">¥ {{subitem.price | number:2}}</p>
                    </div>
                </div>
            </div>

            <div class="flex-half bg-light" ng-if="item.goods.length==0">
                <div class="flex-half-box bg-white">
                    <div class="fp-xs">
                        <div class="text-center bg-light w-full m-b-sm">
                            <div class="tool-box-big m-b-xs flex-font">
                                <i class="fa fa-image fa-2x text-muted"></i>
                            </div>
                        </div>
                        <span class="h6 block font-bold  w-full text-ellipsis m-b-xs">商品标题</span>
                        <span class="h6 block text-muted  w-full text-ellipsis m-b-xs">商品描述信息</span>
                        <p class="h5 font-bold text-danger">¥ 20.00</p>
                    </div>
                </div>
                <div class="flex-half-box bg-white">
                    <div class="fp-xs">
                        <div class="text-center bg-light w-full m-b-sm">
                            <div class="tool-box-big m-b-xs flex-font">
                                <i class="fa fa-image fa-2x text-muted"></i>
                            </div>
                        </div>
                        <span class="h6 block font-bold  w-full text-ellipsis m-b-xs">商品标题</span>
                        <span class="h6 block text-muted  w-full text-ellipsis m-b-xs">商品描述信息</span>
                        <p class="h5 font-bold text-danger">¥ 20.00</p>
                    </div>
                </div>
            </div>
        </div>

        <!-- 一列排列商品 -->
        <div ng-if="item.typography==1">
            <div class="over-scroll">
                <div class="panel-body no-padder fixed-no-wrap" ng-if="item.goods.length==0">
                    <div class="pull-left m-r-xs">
                        <div  class="fa-border" >
                            <div class="text-center m-b-sm">
                                <div class="bg-light rect-box m-b-xs flex-font">
                                    <i class="fa fa-image fa-2x text-muted"></i>
                                </div>
                            </div>
                            <span class="h6 block font-bold  rect-width text-ellipsis m-b-xs">商品标题</span>
                            <span class="h6 block text-muted  rect-width text-ellipsis m-b-xs">商品描述信息</span>
                            <p class="h5 font-bold text-danger">¥ 20.00</p>
                        </div>
                    </div>
                    <div class="pull-left m-r-xs">
                        <div  class="fa-border" >
                            <div class="text-center m-b-sm">
                                <div class="bg-light rect-box m-b-xs flex-font">
                                    <i class="fa fa-image fa-2x text-muted"></i>
                                </div>
                            </div>
                            <span class="h6 block font-bold  rect-width text-ellipsis m-b-xs">商品标题</span>
                            <span class="h6 block text-muted  rect-width text-ellipsis m-b-xs">商品描述信息</span>
                            <p class="h5 font-bold text-danger">¥ 20.00</p>
                        </div>
                    </div>
                    <div class="pull-left m-r-xs">
                        <div  class="fa-border" >
                            <div class="text-center m-b-sm">
                                <div class="bg-light rect-box m-b-xs flex-font">
                                    <i class="fa fa-image fa-2x text-muted"></i>
                                </div>
                            </div>
                            <span class="h6 block font-bold  rect-width text-ellipsis m-b-xs">商品标题</span>
                            <span class="h6 block text-muted  rect-width text-ellipsis m-b-xs">商品描述信息</span>
                            <p class="h5 font-bold text-danger">¥ 20.00</p>
                        </div>
                    </div>
                    <div class="pull-left m-r-xs">
                        <div  class="fa-border" >
                            <div class="text-center m-b-sm">
                                <div class="bg-light rect-box m-b-xs flex-font">
                                    <i class="fa fa-image fa-2x text-muted"></i>
                                </div>
                            </div>
                            <span class="h6 block font-bold  rect-width text-ellipsis m-b-xs">商品标题</span>
                            <span class="h6 block text-muted  rect-width text-ellipsis m-b-xs">商品描述信息</span>
                            <p class="h5 font-bold text-danger">¥ 20.00</p>
                        </div>
                    </div>
                </div>
                <div class="panel-body no-padder fixed-no-wrap m-l-xs" ng-if="item.goods.length>0">
                    <div class="pull-left m-r-xs" ng-repeat="subitem in item.goods" ng-if="item.goods.length>0">
                        <div  class="fa-border" >
                            <img src="img/default.png" ng-src="{{app.image.goods}}{{subitem.fileName}}" err-src="img/error.png" class="rect-box m-b-sm"/>
                            <span class="h6 block font-bold  rect-width text-ellipsis m-b-xs">{{subitem.name}}</span>
                            <span class="h6 block text-muted rect-width text-ellipsis m-b-xs">{{subitem.hint}}</span>
                            <p class="h5 font-bold text-danger">¥ {{subitem.price | number:2}}</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="text-center m-b-xs">
                <span class="h6">< 左右滑动查看更多 ></span>
            </div>
        </div>
    </div>

    <!-- tool box -->
    <div class="tool-box text-left">
        <li class="list-group-item no-border bg-none">
            <div class="wrapper-md pos-rlt bg-light r r-3x b-a">
                <span class="arrow left pull-up arrow-light"></span>
                <div class="w-xxl">
                    <div class="block m-b-xs font-bold b-l b-danger b-2x"><p class="m-l-sm block">商品</p></div>
                    <div class="form-horizontal form-validation panel-body">
                        <div class="form-group text-left">
                            <label class="pull-left w-xxs h6 text-right control-label m-r-xs">选择模版:</label>
                            <div class="pull-left">
                                <a class="block pull-left m-r-xs fa-border bg-white text-center pos-rlt it-box" ng-class="{true:'it-container'}[item.typography==0]" ng-click="changeTypography(item,0,$event)">
                                    <img src="img/single.png" class="thumb-sm block m-b-xs img-thumbnail"/>
                                    <span class="h6 block">两列排序</span>
                                    <div class="check-box">
                                        <i class="fa fa-check-circle text-xs"></i>
                                    </div>
                                </a>
                                <a class="block pull-left m-r-xs fa-border bg-white text-center pos-rlt it-box" ng-class="{true:'it-container'}[item.typography==1]" ng-click="changeTypography(item,1,$event)">
                                    <img src="img/more.png" class="thumb-sm block m-b-xs img-thumbnail"/>
                                    <span class="h6 block">横向滚动</span>
                                    <div class="check-box">
                                        <i class="fa fa-check-circle text-xs"></i>
                                    </div>
                                </a>
                            </div>
                        </div>
                        <div class="form-group text-left">
                            <label class="pull-left w-xxs h6 text-right control-label m-r-xs">来源:</label>
                            <div class="pull-left h6 w-md">
                                <div class="m-r-xs">
                                    <div class="radio inline m-r-n">
                                        <label class="i-checks i-checks-sm">
                                            <input type="radio" checked>
                                            <i></i>
                                        </label>
                                    </div>
                                    <p class="font-bold inline m-n">商品</p>
                                </div>

                                <div class="panel-body no-padder bg-white w-lg text-left m-b-xs panel-body">
                                    <div class="inline m-xs no-padder">
                                        <div class="pull-left m-r-xs pos-rlt b-a b-dashed m-b-xs square-cancelbox" ng-repeat="subitem in item.goods" ng-if="item.goods.length>0">
                                            <div class="fa-border">
                                                <img err-src="img/error.png" src="img/image_default.png" ng-src="{{app.image.goods}}{{subitem.fileName}}" class="img-sm-box"/>
                                            </div>
                                            <div class="square square-unac-cancel" ng-click="deleteGoods(item,subitem,$event)"><i class="fa fa-times"></i></div>
                                        </div>
                                        <div class="pull-left bg-white">
                                            <a class="block add-box" ng-click="openAddGoods(item,$event)">+</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </li>


    </div>
</div>